@import './common';

.page{
	box-sizing:border-box;
	padding-top:26%;

	.container{
		text-align: center;

		.title{
			font-size:setSize(36);
			font-weight:600;
			color:rgba(0,0,0,1);
		}

		.sub-title{
			margin-top: setSize(34);
			font-size:setSize(26);
			font-weight:500;
			color:rgba(0,0,0,1);
		}

		.input-wrap{
			box-sizing:border-box;
			padding:setSize(108) 0 0;

			.input-box{
				position: relative;
				border:setSize(1) solid #A4A4A4;

				.input-item+.input-item{
					border-left:setSize(1) solid #A4A4A4;
				}

				.input-item{
					line-height: setSize(100);
					box-sizing:border-box;
					padding:setSize(10);

					.input{
						width: setSize(80);
						height: setSize(80);
					}	
				}

				.pos-box{
					position:absolute;
					top: 0;
					left: 0;
					z-index: 1;
					width: 100%;
					height: 100%;
					overflow: hidden;
				}

				.pos-input{
					width: 100%;
					height: 100%;
					box-sizing:border-box;
					padding:setSize(100);
				}
			}
		}

		.btns{
			box-sizing:border-box;
			padding:0 setSize(24);
			margin-top: setSize(88);

			.btn{
				height:setSize(94);
				line-height: setSize(94);
				background:$mainColor;
				border-radius:setSize(8);
				opacity:0.5;
				font-size:setSize(34);
				font-weight:500;
				color:rgba(255,255,255,1);
				text-align: center;
			}

			.btn-active{
				opacity:1;
			}
		}
	}
}